/* 顶部流程导航order-progress-bar 开始 */
	.order-progress-bar {
		height: 60px;
		width: 100%;
		margin: 40px 0;
		text-align: center;
	}

	.order-progress-bar .step {
		float: left;
		width: 33%;
	}

	.order-progress-bar .step-num {
		color: #fff;
		font-size: 12px;
		display: inline-block;
		width: 16px;
		height: 16px;
		line-height: 16px;
		border-radius: 10px;
		text-align: center;
		background-color: #ffd8d7;
		position: relative;
	}

	.order-progress-bar .done .bar {
		border-color: #f03d37;
	}

	.order-progress-bar .done .step-num {
		background-color: #ee5d5d;
	}

	.order-progress-bar .step-text {
		font-size: 14px;
		color: #999;
		display: inline-block;
		margin-top: 10px;
	}

	.order-progress-bar .progress {
		margin-bottom: 0px;
	}

	.order-progress-bar .progress .progress-bar {
		background-color: #e60b0b;
	}

	/* 顶部流程导航order-progress-bar 结束 */
	
	.modal-container {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background-color: rgba(0, 0, 0, .4)
	}

	.modal-container .modal {
		width: 460px;
		height: 155px;
		padding: 30px 0;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #fff;
		text-align: center
	}

	.modal-container .icon {
		display: inline-block;
		width: 50px;
		height: 50px;
		background: url() no-repeat
	}

	.modal-container .tip {
		font-size: 14px;
		color: #666;
		margin-bottom: 26px;
		margin-top: 12px
	}

	.modal-container .tip .highlight {
		color: #f03d37
	}

	.modal-container .btn {
		border-radius: 100px;
		height: 42px;
		line-height: 42px;
		font-size: 16px;
		width: 260px;
		padding: 0;
		cursor: default
	}

	.modal-container .ok-btn {
		color: #fff;
		background-color: #f03d37;
		-webkit-box-shadow: 0 2px 10px -2px #f03d37;
		box-shadow: 0 2px 10px -2px #f03d37
	}

	.modal-container .cancel-btn {
		margin-left: 12px;
		color: #999;
		background-color: #e5e5e5;
		-webkit-box-shadow: 0 2px 10px -2px #e5e5e5;
		box-shadow: 0 2px 10px -2px #e5e5e5
	}

	.modal-container .short.btn {
		width: 106px
	}

	.main {
		width: 100%;
		border: 1px solid #e5e5e5;
		font-size: 0;
		padding-right:0px;
	}

	.hall {
		display: inline-block;
		vertical-align: top;
	}

	.hall .seat-example {
		margin:5% auto;
		text-align: center;
	}

	.hall .seat-example .example {
		display: inline-block;
		font-size: 16px;
		color: #666;
		height: 26px;
		line-height: 26px;
		padding-left: 38px;
		background-repeat: no-repeat;
		margin-right: 50px
	}

	.hall .seat-example .selectable-example {
		background-image: url(/img/selectable.png);
	}

	.hall .seat-example .sold-example {
		background-image: url(/img/sold.png);
	}

	.hall .seat-example .selected-example {
		background-image: url(/img/selected.png);
	}

	.seats-block {
		font-size: 0;
		overflow: hidden;
		white-space: nowrap;
	}

	.seats-block .row-id-container {
		width: 20px;
		float: left;
		margin-top: 112px;
		white-space: normal;
	}

	.seats-block .row {
		white-space: nowrap;
		margin-bottom: 10px;
		text-align: center
	}

	.seats-block .empty-row {
		height: 20px
	}

	.seats-block .empty-row-id {
		display: inline-block;
		height: 20px;
		width: 20px
	}

	.seats-block .row-id {
		font-size: 16px;
		color: #999;
		margin-right: 40px;
		margin-bottom: 10px;
		display: inline-block;
		width: 20px;
		height: 26px;
		line-height: 29px;
		text-align: center
	}

	.seats-block .seats-container {
		margin-left: 50px;
		overflow: auto;
		position: relative;
		padding-top: 112px
	}

	.seats-block .seats-wrapper {
		display: inline-block;
		min-width: 550px;
		margin-left:17px;
	}

	.seats-block .screen-container {
		display: inline-block;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 0;
	}

	.seats-block .screen-container .screen {
		width: 550px;
		padding-top: 50px;
		text-align: center;
		font-size: 16px;
		color: #666;
		background: url(/img/screen.png) no-repeat;
		background-position-x: center;
		position: relative;
		margin-bottom: 40px
	}

	.seats-block .screen-container .c-screen-line {
		width: 0;
		border-left: 1px dashed #e5e5e5;
		position: absolute;
		top: 90px;
		bottom: 0;
		left: 50%
	}

	.seats-block .seat {
		display: inline-block;
		font-size: 0;
		width: 30px;
		height: 26px;
		margin: 0 5px;
		background: url(/img/selectable.png) no-repeat;
		background-position: 0 1px
	}

	.seats-block .seat.empty {
		background-image: none
	}

	.seats-block .seat.sold {
		background-image: url(/img/sold.png);
	}

	.seats-block .seat.selected {
		background-image: url(/img/selected.png);
	}


	.side {
		background-color: #f9f9f9;
		padding: 20px;
		display: inline-block
	}

	.side .info-item {
		font-size: 12px;
		color: #999;
		margin-bottom: 4px
	}

	.side .info-item .value {
		color: #151515;
		margin-left: 2px
	}

	.side .movie-info .poster {
		width: 115px;
		height: 158px;
		border: 2px solid #fff;
		-webkit-box-shadow: 0 2px 7px 0 hsla(0, 0%, 53%, .5);
		box-shadow: 0 2px 7px 0 hsla(0, 0%, 53%, .5);
		float: left
	}

	.side .movie-info .poster img {
		width: 100%;
		height: 100%
	}

	.side .movie-info .content {
		margin-left: 140px
	}

	.side .movie-info .content .name {
		font-size: 20px;
		font-weight: 700;
		color: #333;
		margin: 0 0 14px
	}

	.side .show-info {
		margin-top: 20px
	}

	.side .show-info .info-item {
		margin-bottom: 9px
	}

	.side .show-info .info-item>span {
		display: inline-block;
		vertical-align: top;
		font-size: 14px
	}

	.side .show-info .info-item .value {
		width: 85%
	}

	.side .show-info .info-item .screen {
		color: #f03d37
	}

	.side .ticket-info {
		padding: 20px 0 10px;
		border-top: 1px dashed #e5e5e5;
		border-bottom: 1px dashed #e5e5e5
	}

	.side .ticket-info .buy-limit {
		font-size: 14px;
		color: #999;
		margin: 0
	}

	.side .ticket-info .no-selected {
		font-size: 14px;
		color: #333;
		text-align: center;
		margin: 28px 0 39px
	}

	.side .ticket-info .no-selected span {
		color: #f03d37
	}

	.side .ticket-info .text {
		font-size: 14px;
		color: #999;
		float: leftQ
	}

	.side .ticket-info .ticket-container {
		margin-left: 42px;
		margin-bottom: 20px;
		position: relative;
		top: -5px
	}

	.side .ticket-info .ticket {
		cursor: default;
		position: relative;
		font-size: 12px;
		color: #f03d37;
		display: inline-block;
		width: 60px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin: 0 12px 10px 0;
		background: url() no-repeat
	}

	.side .ticket-info .ticket:hover:after {
		content: "";
		background: url() no-repeat;
		width: 16px;
		height: 16px;
		background-size: 16px;
		position: absolute;
		top: -7px;
		right: -7px
	}

	.side .ticket-info .total-price {
		font-size: 14px;
		color: #333
	}

	.side .ticket-info .total-price .price {
		color: #f03d37;
		font-size: 24px
	}

	.side .ticket-info .total-price .price:before {
		content: "\FFE5";
		font-size: 14px
	}

	.side .confirm-order {
		padding: 20px 0;
		text-align: center
	}

	.side .confirm-order .cellphone {
		color: #999;
		font-size: 14px
	}

	.side .confirm-order .cellphone .phone-num {
		color: #151515
	}

	.side .confirm-order .confirm-btn {
		cursor: pointer;
		width: 260px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border-radius: 21px;
		position: relative;
		left: 50%;
		margin: 38px 0 0 -130px;
		background-color: #f03d37;
		-webkit-box-shadow: 0 2px 10px -2px #f03d37;
		box-shadow: 0 2px 10px -2px #f03d37
	}

	.side .confirm-order .confirm-btn.disable {
		cursor: default;
		background-color: #dedede;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.modal-container .modal .ox {
		background-image: url();
		width: 81px;
		height: 52px
	}

	.modal-container .modal .xox {
		background-image: url();
		width: 100px;
		height: 52px
	}

	#iLoginComp {
		min-height: 223px
	}

	#iLoginComp .iLoginComp-wrapper {
		display: inline-block;
		width: 260px;
		padding: 0
	}

	#iLoginComp .mtfe-mask-mtfe-wrapper {
		left: 0;
		top: 0
	}

	#iLoginComp .mtfe-tip-mtfe-wrapper {
		position: fixed;
		top: 50%;
		width: 18em;
		font-size: 18px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.iLoginComp-wrapper .iLoginComp-phone-num-wrapper,
	.iLoginComp-wrapper .iLoginComp-verify-code-wrapper {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		border: none
	}

	.iLoginComp-wrapper .iLoginComp-code-input,
	.iLoginComp-wrapper .iLoginComp-phone-num-input {
		display: block;
		width: 218px;
		height: 40px;
		border: 1px solid #e5e5e5;
		border-radius: 50px;
		margin-bottom: 6px;
		padding: 0 20px;
		color: #333;
		background: #fff;
		font-size: 14px
	}

	.iLoginComp-wrapper .iLoginComp-code-input:focus,
	.iLoginComp-wrapper .iLoginComp-phone-num-input:focus {
		border-color: #f03d37;
		background-color: #fff
	}

	.iLoginComp-wrapper .iLoginComp-code-input::-webkit-input-placeholder,
	.iLoginComp-wrapper .iLoginComp-phone-num-input::-webkit-input-placeholder {
		color: initial
	}

	.iLoginComp-wrapper .iLoginComp-code-input::-moz-placeholder,
	.iLoginComp-wrapper .iLoginComp-phone-num-input::-moz-placeholder {
		color: initial
	}

	.iLoginComp-wrapper .iLoginComp-code-input:-ms-input-placeholder,
	.iLoginComp-wrapper .iLoginComp-phone-num-input:-ms-input-placeholder {
		color: initial
	}

	.iLoginComp-wrapper .iLoginComp-code-input::placeholder,
	.iLoginComp-wrapper .iLoginComp-phone-num-input::placeholder {
		color: initial
	}

	.iLoginComp-wrapper .iLoginComp-code-input::-ms-clear,
	.iLoginComp-wrapper .iLoginComp-code-input::-ms-reveal,
	.iLoginComp-wrapper .iLoginComp-phone-num-input::-ms-clear,
	.iLoginComp-wrapper .iLoginComp-phone-num-input::-ms-reveal {
		display: none
	}

	.iLoginComp-wrapper .iLoginComp-send-verify-code-text {
		display: inline-block;
		position: absolute;
		top: 11px;
		right: 15px;
		padding: 0;
		border: none;
		border-radius: 0;
		font-size: 14px;
		color: #ccc;
		background: transparent
	}

	.iLoginComp-wrapper .iLoginComp-send-verify-code-text.iLogincomp-active {
		border: none;
		color: #f03d37
	}

	.iLoginComp-wrapper .iLogincomp-count-down {
		border: none;
		color: #ccc;
		background-color: transparent
	}

	.iLoginComp-wrapper .iLogincomp-opbtn-wrapper {
		margin-top: 45px
	}

	.iLoginComp-wrapper .iLoginComp-cancel-btn-wrapper,
	.iLoginComp-wrapper .iLoginComp-login-btn-wrapper {
		width: 260px;
		line-height: 42px;
		border-radius: 21px;
		font-size: 16px;
		color: #fff
	}

	.iLoginComp-wrapper .iLoginComp-login-btn-wrapper,
	.iLoginComp-wrapper .iLoginComp-login-btn-wrapper.iLogincomp-active {
		-webkit-box-shadow: 0 2px 10px -2px #f03d37;
		box-shadow: 0 2px 10px -2px #f03d37;
		background-color: #f03d37
	}

	.iLoginComp-wrapper .iLoginComp-login-btn-wrapper.disable {
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #dedede;
		pointer-events: none
	}

	#iLoginComp .mtfe-smscodeyoda-mtfe-wrapper {
		position: fixed
	}

	#iLoginComp .mtfe-model-mtfe-wrapper {
		width: 300px;
		font-size: 20px
	}

	#iLoginComp .mtfe-mask-mtfe-wrapper {
		position: fixed
	}

	#iLoginComp #iLoginComp-tip-id {
		color: #f03d37 !important
	}
